<template>
	<view class="container">
		<div style="background-color: #F2F2F2;border-radius: 30rpx;height: 700rpx;">
			<uv-cell-group>
				<uv-cell title="到账银行卡" value="中国建设银行 >" label="24小时内到账" :center="true"></uv-cell>
			</uv-cell-group>
			<div style="padding:0 30rpx;margin-top: 30rpx;">
				<h1>提现金额</h1>
				<div style="display: flex;">
					<b style="font-size: 150rpx;">￥</b><input style="color:#3087EA;font-size: 150rpx;height: 150rpx;"
						type="text" v-model="inputValue" />
				</div>
				<div style="margin-bottom: 60rpx;">
					<uv-checkbox-group>
						<uv-checkbox shape="square" @change="check" label="全部提现,最高提现300元"></uv-checkbox>
					</uv-checkbox-group>
				</div>

				<button @click="withDrawal" style="background-color: #3087EA;color: aliceblue;">提现</button>
				<a @click="gotoRecord" style="margin-left: 45%;color: #3087EA;margin-top: 20rpx;">提现记录</a>

			</div>
		</div>

	</view>
</template>

<script>
	export default {
		data() {
			return {

				inputValue: 20,
				wDAta: [],
				vlaues: '',
			}
		},
		methods: {
			check() {
				uni.showModal({
					title: "确认全部提现!"
				})
				this.inputValue = 300

			},
			withDrawal() {
				console.log(this.inputValue);
				uni.reLaunch({
					url: "/pages/Process/Process"
				})
				if (this.inputValue > 300) {
					uni.showModal({
						title: "余额不足！"
					})
				} else {
					this.wDAta.unshift(this.inputValue)
					console.log(this.wDAta);
					uni.setStorageSync('wdata', this.wDAta)
					this.vlaues = this.inputValue
					uni.setStorageSync('inpdata', this.vlaues)
					console.log(this.vlaues);

				}

			},
			gotoRecord() {
				uni.reLaunch({
					url: "/pages/Record/Record"
				})

			}
		}

	};
</script>

<style scoped>
	.container {
		padding: 20px;
	}

	input {
		width: 100%;
		padding: 10px;
		margin-bottom: 10px;
	}

	button {
		width: 100%;
		padding: 10px;
		background-color: #007aff;
		color: #fff;
		border: none;
		border-radius: 5px;
	}

	.Cell {
		height: 350rpx;
	}
</style>